<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="http://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>

<body>
    <script>
        //1.查出当前用户信息
        //2.按照当前用户的id查询出他的课程
        //3.按照当前课程id查出分数

        // 利用ajax实现
        // $.ajax({
        //     url: "mock/user.json",
        //     success(data) {
        //         console.log("查询用户：", data)
        //         $.ajax({
        //             url: `mock/user_corse_${data.id}.json`,
        //             success(data) {
        //                 console.log("查询课程：", data)
        //                 $.ajax({
        //                     url: `mock/corse_score_${data.id}.json`,
        //                     success(data) {
        //                         console.log("查询分数：", data)
        //                     },
        //                     error(error) {
        //                         log.error("查出出错了：", error)

        //                     }
        //                 });
        //             },
        //             error(error) {
        //                 log.error("查出出错了：", error)
        //             }
        //         });
        //     },
        //     error(error) {
        //         log.error("查出出错了：", error)
        //     }
        // });

        // 利用promise实现
        // let p = new Promise((resolve, reject) => {
        //     $.ajax({
        //         url: "mock/user.json",
        //         success(data) {
        //             console.log("查询用户：", data)
        //             resolve(data);
        //         },
        //         error(error) {
        //             log.error("查出出错了：", error)
        //             reject(error);
        //         }
        //     });
        // });
        // p.then((obj) => {
        //     return new Promise((resolve, reject) => {
        //         $.ajax({
        //             url: `mock/user_corse_${obj.id}.json`,
        //             success(data) {
        //                 console.log("查询课程：", data)
        //                 resolve(data);
        //             },
        //             error(error) {
        //                 log.error("查出出错了：", error)
        //                 reject(error);
        //             }
        //         });
        //     });
        // }).then((obj) => {
        //     $.ajax({
        //         url: `mock/corse_score_${obj.id}.json`,
        //         success(data) {
        //             console.log("查询分数：", data)
        //         },
        //         error(error) {
        //             log.error("查出出错了：", error)
        //         }
        //     });
        // });

        // 抽取
        function get(url, data) {
            return new Promise((resolve, reject) => {
                $.ajax({
                    url: url,
                    data: data,
                    success(data) {
                        resolve(data);
                    },
                    error(error) {
                        reject(error);
                    }
                });
            });
        }

        get("mock/user.json")
            .then((data) => {
                return get(`mock/user_corse_${data.id}.json`);
            })
            .then((data) => {
                return get(`mock/corse_score_${data.id}.json`);
            })
            .then((data) => {
                console.log("最终结果:", data);
            })
            .catch((error) => {
                console.log("出现异常:", error);
            });

    </script>
</body>

</html>